import * as echarts from "echarts";
export default function packagingEchats() {
	// let myChart = echarts.init(document.getElementById("main"));
	// let myChart2 = echarts.init(document.getElementById("main2"));
	// let myChart3 = echarts.init(document.getElementById("main3"));
	let myChart4 = echarts.init(document.getElementById("main4"));
	let myChart5 = echarts.init(document.getElementById("main5"));
	// let myChart6 = echarts.init(document.getElementById("main6"));
    let myChart7 = echarts.init(document.getElementById("main7"));
    let myChart8 = echarts.init(document.getElementById("main8"));
    let myChart9 = echarts.init(document.getElementById("main9"));

	// myChart.setOption({
	// 	title: {
	// 		text: "",
	// 	},
	// 	tooltip: {
	// 		trigger: "axis",
	// 	},
	// 	legend: {
	// 		data: ["室外", "室内"],
	// 	},
	// 	grid: {
	// 		left: "3%",
	// 		right: "4%",
	// 		bottom: "1%",
	// 		containLabel: true,
	// 	},

	// 	xAxis: {
	// 		type: "category",
	// 		boundaryGap: false,
	// 		data: [
	// 			"00:00",
	// 			"02:00",
	// 			"04:00",
	// 			"06:00",
	// 			"08:00",
	// 			"10:00",
	// 			"12:00",
	// 			"14:00",
	// 			"16:00",
	// 			"18:00",
	// 			"20:00",
	// 			"22:00",
	// 			"24:00",
	// 		],
	// 		min: 1,
	// 	},
	// 	yAxis: {
	// 		type: "value",
	// 	},
	// 	series: [
	// 		{
	// 			name: "室内",
	// 			type: "line",
	// 			stack: "Total",
	// 			data: [12, 13, 10, 13, 20, 23, 21, 22, 20, 19, 12, 35, 45],
	// 			//设置基准线
	// 			markLine: {
	// 				symbol: "none", //去掉箭头
	// 				lineStyle: {
	// 					type: "solid",
	// 					color: "#e76f70", // 这儿设置安全基线颜色
	// 					width: 3,
	// 				},
	// 				data: [
	// 					{
	// 						yAxis: 80,
	// 						lineStyle: { color: "#23bb68" },
	// 						label: {
	// 							color: "#7E7E7E",
	// 							formatter: "国内标准",
	// 							position: "insideEndTop",
	// 							fontSize: 12,
	// 						},
	// 					},
	// 					{
	// 						yAxis: 20,
	// 						lineStyle: { color: "#f3f3f3" },
	// 						label: {
	// 							color: "#7E7E7E",
	// 							formatter: "世卫标准",
	// 							position: "insideEndTop",
	// 							fontSize: 12,
	// 						},
	// 					},
	// 				],
	// 				label: {
	// 					show: true,
	// 				},
	// 			},
	// 		},
	// 		{
	// 			name: "室外",
	// 			type: "line",
	// 			stack: "Total",
	// 			data: [22, 18, 19, 23, 29, 33, 31, 56, 65, 27, 18, 19, 34],
	// 		},
	// 	],
	// });

	// myChart3.setOption({
	// 	title: {
	// 		text: "",
	// 	},
	// 	tooltip: {
	// 		trigger: "axis",
	// 	},
	// 	legend: {
	// 		data: ["室外", "室内"],
	// 	},
	// 	grid: {
	// 		left: "3%",
	// 		right: "4%",
	// 		bottom: "1%",
	// 		containLabel: true,
	// 	},

	// 	xAxis: {
	// 		type: "category",

	// 		boundaryGap: false,
	// 		data: [
	// 			"00:00",
	// 			"02:00",
	// 			"04:00",
	// 			"06:00",
	// 			"08:00",
	// 			"10:00",
	// 			"12:00",
	// 			"14:00",
	// 			"16:00",
	// 			"18:00",
	// 			"20:00",
	// 			"22:00",
	// 			"24:00",
	// 		],
	// 		min: 1,
	// 	},
	// 	yAxis: {

	// 		type: "value",
	// 	},
	// 	series: [
	// 		{
	// 			name: "室内",
	// 			type: "line",
	// 			stack: "Total",
	// 			lineStyle: { color: "#479bd0" },
	// 			itemStyle: { color: "#479bd0" },
	// 			data: [12, 13, 10, 13, 20, 23, 21, 22, 20, 19, 12, 35, 45],
	// 		},
	// 		{
	// 			name: "室外",
	// 			type: "line",
	// 			stack: "Total",
	// 			lineStyle: { color: "#f3f3f3" },
	// 			itemStyle: { color: "#f3f3f3" },
	// 			data: [22, 18, 19, 23, 29, 33, 31, 56, 65, 27, 18, 19, 34],
	// 		},
	// 	],
	// });

	myChart4.setOption({
		title: {
			text: "",
		},
		tooltip: {
			trigger: "axis",
		},
		legend: {
			data: ["室外", "室内"],
		},
		grid: {
			left: "3%",
			right: "4%",
			bottom: "1%",
			containLabel: true,
		},

		xAxis: {
			type: "category",
			boundaryGap: false,
			data: [
				"00:00",
				"02:00",
				"04:00",
				"06:00",
				"08:00",
				"10:00",
				"12:00",
				"14:00",
				"16:00",
				"18:00",
				"20:00",
				"22:00",
				"24:00",
			],
			min: 1,
		},
		yAxis: {
			type: "value",
		},
		series: [
			{
				name: "室内",
				type: "line",
				stack: "Total",
				lineStyle: { color: "#479bd0" },
				itemStyle: { color: "#479bd0" },
				data: [12, 13, 10, 13, 20, 23, 21, 22, 20, 19, 12, 35, 45],
			},
			{
				name: "室外",
				type: "line",
				stack: "Total",
				lineStyle: { color: "#f3f3f3" },
				itemStyle: { color: "#f3f3f3" },
				data: [22, 18, 19, 23, 29, 33, 31, 56, 65, 27, 18, 19, 34],
			},
		],
	});
	// myChart2.setOption({
	// 	title: {
	// 		text: "",
	// 	},
	// 	tooltip: {
	// 		trigger: "axis",
	// 	},
	// 	legend: {
	// 		data: ["室外", "室内"],
	// 	},
	// 	grid: {
	// 		left: "3%",
	// 		right: "4%",
	// 		bottom: "1%",
	// 		containLabel: true,
	// 	},

	// 	xAxis: {
	// 		type: "category",
	// 		boundaryGap: false,
	// 		data: [
	// 			"00:00",
	// 			"02:00",
	// 			"04:00",
	// 			"06:00",
	// 			"08:00",
	// 			"10:00",
	// 			"12:00",
	// 			"14:00",
	// 			"16:00",
	// 			"18:00",
	// 			"20:00",
	// 			"22:00",
	// 			"24:00",
	// 		],
	// 		min: 1,
	// 	},
	// 	yAxis: {
	// 		type: "value",
	// 	},
	// 	series: [
	// 		{
	// 			name: "室内",
	// 			type: "line",
	// 			stack: "Total",
	// 			lineStyle: { color: "#479bd0" },
	// 			itemStyle: { color: "#479bd0" },
	// 			data: [12, 13, 10, 13, 20, 23, 21, 22, 20, 19, 12, 35, 45],
	// 			//设置基准线
	// 			markLine: {
	// 				symbol: "none", //去掉箭头
	// 				lineStyle: {
	// 					type: "solid",
	// 					color: "#e76f70", // 这儿设置安全基线颜色
	// 					width: 3,
	// 				},
	// 				data: [
	// 					{
	// 						yAxis: 80,
	// 						lineStyle: { color: "#23bb68" },
	// 						label: {
	// 							color: "#7E7E7E",
	// 							formatter: "美国标准",
	// 							position: "insideEndTop",
	// 							fontSize: 12,
	// 						},
	// 					},

	// 				],
	// 				label: {
	// 					show: true,
	// 				},
	// 			},
	// 		},

	// 		{
	// 			name: "室外",
	// 			type: "line",
	// 			stack: "Total",
	// 			lineStyle: { color: "#f3f3f3" },
	// 			itemStyle: { color: "#f3f3f3" },
	// 			data: [22, 18, 19, 23, 29, 33, 31, 56, 65, 27, 18, 19, 34],
	// 		},
	// 	],
	// });

	const hours = ["大堂", "走道", "商场", "办公", "会议室"];
	const days = [
		"B2",
		"B1",
		"F1",
		"F2",
		"F3",
		"F4",
		"F5",
		"F6",
		"F7",
		"F8",
		"F9",
		"F10",
		"F11",
		"F12",
	];
	const data = [
		[0, 0, 51],
		[0, 1, 1],
		[2, 2, 1],
		[4, 3, 11],
		[5, 4, 1],
		[0, 5, 0],
		[0, 6, 0],
		[0, 7, 0],
		[2, 1, 1],
		[0, 9, 0],
		[0, 10, 0],
		[0, 11, 2],
		[0, 12, 4],
		[0, 13, 1],
		[0, 14, 1],
		[0, 15, 3],
		[0, 16, 4],
		[0, 17, 6],
		[0, 18, 4],
		[0, 19, 4],
		[0, 20, 3],
		[0, 21, 3],
		[0, 22, 2],
		[0, 23, 5],
		[1, 0, 7],
		[1, 1, 0],
		[1, 2, 0],
		[1, 3, 0],
		[1, 4, 0],
		[1, 5, 0],
		[1, 6, 0],
		[1, 7, 0],
		[1, 8, 0],
		[1, 9, 0],
		[1, 10, 5],
		[1, 11, 2],
		[1, 12, 2],
		[1, 13, 6],
		[1, 14, 9],
		[1, 15, 11],
		[1, 16, 6],
		[1, 17, 7],
		[1, 18, 8],
		[1, 19, 12],
		[1, 20, 5],
		[1, 21, 5],
		[1, 22, 7],
		[1, 23, 2],
		[2, 0, 1],
		[2, 1, 1],
		[2, 2, 0],
		[2, 3, 0],
		[2, 4, 0],
		[2, 5, 0],
		[2, 6, 0],
		[2, 7, 0],
		[2, 8, 0],
		[2, 9, 0],
		[2, 10, 3],
		[2, 11, 2],
		[2, 12, 1],
		[2, 13, 9],
		[2, 14, 8],
		[2, 15, 10],
		[2, 16, 6],
		[2, 17, 5],
		[2, 18, 5],
		[2, 19, 5],
		[2, 20, 7],
		[2, 21, 4],
		[2, 22, 2],
		[2, 23, 4],
		[3, 0, 7],
		[3, 1, 3],
		[3, 2, 0],
		[3, 3, 0],
		[3, 4, 0],
		[3, 5, 0],
		[3, 6, 0],
		[3, 7, 0],
		[3, 8, 1],
		[3, 9, 0],
		[3, 10, 5],
		[3, 11, 4],
		[3, 12, 7],
		[3, 13, 14],
		[3, 14, 13],
		[3, 15, 12],
		[3, 16, 9],
		[3, 17, 5],
		[3, 18, 5],
		[3, 19, 10],
		[3, 20, 6],
		[3, 21, 4],
		[3, 22, 4],
		[3, 23, 1],
		[4, 0, 1],
		[4, 1, 3],
		[4, 2, 0],
		[4, 3, 0],
		[4, 4, 0],
		[4, 5, 1],
		[4, 6, 0],
		[4, 7, 0],
		[4, 8, 0],
		[4, 9, 2],
		[4, 10, 4],
		[4, 11, 4],
		[4, 12, 2],
		[4, 13, 4],
		[4, 14, 4],
		[4, 15, 14],
		[4, 16, 12],
		[4, 17, 1],
		[4, 18, 8],
		[4, 19, 5],
		[4, 20, 3],
		[4, 21, 7],
		[4, 22, 3],
		[4, 23, 0],
		[5, 0, 2],
		[5, 1, 1],
		[5, 2, 0],
		[5, 3, 3],
		[5, 4, 0],
		[5, 5, 0],
		[5, 6, 0],
		[5, 7, 0],
		[5, 8, 2],
		[5, 9, 0],
		[5, 10, 4],
		[5, 11, 1],
		[5, 12, 5],
		[5, 13, 10],
		[5, 14, 5],
		[5, 15, 7],
		[5, 16, 11],
		[5, 17, 6],
		[5, 18, 0],
		[5, 19, 5],
		[5, 20, 3],
		[5, 21, 4],
		[5, 22, 2],
		[5, 23, 0],
		[6, 0, 1],
		[6, 1, 0],
		[6, 2, 0],
		[6, 3, 0],
		[6, 4, 0],
		[6, 5, 0],
		[6, 6, 0],
		[6, 7, 0],
		[6, 8, 0],
		[6, 9, 0],
		[6, 10, 1],
		[6, 11, 0],
		[6, 12, 2],
		[6, 13, 1],
		[2, 14, 3],
		[6, 15, 4],
		[1, 16, 0],
		[5, 17, 0],
		[4, 18, 0],
		[5, 19, 0],
		[6, 20, 1],
		[6, 21, 2],
		[6, 22, 2],
		[6, 23, 6],
	].map(function (item) {
		return [item[1], item[0], item[2] || "-"];
	});
	myChart5.setOption({
		tooltip: {
			position: "top",
		},
		grid: {
			height: "50%",
			top: "10%",
		},
		xAxis: {
			type: "category",
			data: hours,
			splitArea: {
				show: true,
			},
		},
		yAxis: {
			type: "category",
			data: days,
			splitArea: {
				show: true,
			},
		},
		visualMap: {
			min: 0,
			max: 10,
			calculable: true,
			left: "right",
			bottom: "55%",
			inRange: {
				color: ['#faf70e', "#b3f85a","#f7bf0f","#ff9b01"]// 修改热力图的颜色 淡蓝色=>深蓝色的过度
			}
		},
		series: [
			{
				
				name: "Punch Card",
				type: "heatmap",
				data: data,
				label: {
					show: true,
				},
				emphasis: {
					itemStyle: {
						shadowBlur: 10,
						shadowColor: "rgba(0, 0, 0, 0.5)",
					},
				},
			},
		],
	});



    const hours1 = ["大堂", "走道", "商场", "办公", "会议室"];
	const days1 = [
		"B2",
		"B1",
		"F1",
		"F2",
		"F3",
		"F4",
		"F5",
		"F6",
		"F7",
		"F8",
		"F9",
		"F10",
		"F11",
		"F12",
	];
	const data1 = [
		[0, 0, 51],
		[0, 1, 11],
		[2, 2, 22],
		[4, 3, 31],
		[5, 4, 1],
		[0, 5, 0],
		[0, 6, 0],
		[0, 7, 0],
		[2, 1, 1],
		[0, 9, 0],
		[0, 10, 0],
		[0, 11, 2],
		[0, 12, 4],
		[0, 13, 2],
		[0, 14, 1],
		[0, 15, 3],
		[0, 16, 4],
		[0, 17, 6],
		[0, 18, 4],
		[0, 19, 4],
		[0, 20, 3],
		[0, 21, 3],
		[0, 22, 2],
		[0, 23, 5],
		[1, 0, 7],
		[1, 1, 0],
		[1, 2, 0],
		[1, 3, 0],
		[1, 4, 0],
		[1, 5, 0],
		[1, 6, 0],
		[1, 7, 0],
		[1, 8, 0],
		[1, 9, 0],
		[1, 10, 5],
		[1, 11, 2],
		[1, 12, 2],
		[1, 13, 6],
		[1, 14, 9],
		[1, 15, 11],
		[1, 16, 6],
		[1, 17, 7],
		[1, 18, 8],
		[1, 19, 12],
		[1, 20, 5],
		[1, 21, 1],
		[1, 22, 7],
		[1, 23, 2],
		[2, 0, 1],
		[2, 1, 1],
		[2, 2, 0],
		[2, 3, 0],
		[2, 4, 0],
		[2, 5, 0],
		[2, 6, 0],
		[2, 7, 0],
		[2, 8, 0],
		[2, 9, 0],
		[2, 10, 3],
		[2, 11, 2],
		[2, 12, 1],
		[2, 13, 9],
		[2, 14, 8],
		[2, 15, 10],
		[2, 16, 6],
		[2, 17, 5],
		[2, 18, 5],
		[2, 19, 5],
		[2, 20, 7],
		[2, 21, 4],
		[2, 22, 2],
		[2, 23, 4],
		[3, 0, 7],
		[3, 1, 3],
		[3, 2, 0],
		[3, 3, 0],
		[3, 4, 0],
		[3, 5, 0],
		[3, 6, 0],
		[3, 7, 0],
		[3, 8, 1],
		[3, 9, 0],
		[3, 10, 5],
		[3, 11, 4],
		[3, 12, 7],
		[3, 13, 14],
		[3, 14, 13],
		[3, 15, 12],
		[3, 16, 9],
		[3, 17, 5],
		[3, 18, 5],
		[3, 19, 10],
		[3, 20, 6],
		[3, 21, 4],
		[3, 22, 4],
		[3, 23, 1],
		[4, 0, 1],
		[4, 1, 3],
		[4, 2, 0],
		[4, 3, 0],
		[4, 4, 0],
		[4, 5, 1],
		[4, 6, 0],
		[4, 7, 0],
		[4, 8, 0],
		[4, 9, 2],
		[4, 10, 4],
		[4, 11, 4],
		[4, 12, 2],
		[4, 13, 4],
		[4, 14, 4],
		[4, 15, 14],
		[4, 16, 12],
		[4, 17, 1],
		[4, 18, 8],
		[4, 19, 5],
		[4, 20, 3],
		[4, 21, 7],
		[4, 22, 3],
		[4, 23, 0],
		[5, 0, 2],
		[5, 1, 1],
		[5, 2, 0],
		[5, 3, 3],
		[5, 4, 0],
		[5, 5, 0],
		[5, 6, 0],
		[5, 7, 0],
		[5, 8, 2],
		[5, 9, 0],
		[5, 10, 4],
		[5, 11, 1],
		[5, 12, 5],
		[5, 13, 10],
		[5, 14, 5],
		[5, 15, 7],
		[5, 16, 11],
		[5, 17, 6],
		[5, 18, 0],
		[5, 19, 5],
		[5, 20, 3],
		[5, 21, 4],
		[5, 22, 2],
		[5, 23, 0],
		[6, 0, 1],
		[6, 1, 0],
		[6, 2, 0],
		[6, 3, 0],
		[6, 4, 0],
		[6, 5, 0],
		[6, 6, 0],
		[6, 7, 0],
		[6, 8, 0],
		[6, 9, 0],
		[6, 10, 1],
		[6, 11, 0],
		[6, 12, 2],
		[6, 13, 1],
		[2, 14, 3],
		[6, 15, 4],
		[1, 16, 0],
		[5, 17, 0],
		[4, 18, 0],
		[5, 19, 0],
		[6, 20, 1],
		[6, 21, 2],
		[6, 22, 2],
		[6, 23, 6],
	].map(function (item) {
		return [item[1], item[0], item[2] || "-"];
	});
	myChart7.setOption({
		tooltip: {
			position: "top",
		},
		grid: {
			height: "50%",
			top: "10%",
		},
		xAxis: {
			type: "category",
			data: hours1,
			splitArea: {
				show: true,
			},
		},
		yAxis: {
			type: "category",
			data: days1,
			splitArea: {
				show: true,
			},
		},
		visualMap: {
			min: 0,
			max: 10,
			calculable: true,
			left: "right",
			bottom: "55%",
			inRange: {
				color: ['#faf70e', "#b3f85a","#f7bf0f","#ff9b01"]// 修改热力图的颜色 淡蓝色=>深蓝色的过度
			}
		},
		series: [
			{
				name: "Punch Card",
				type: "heatmap",
				data: data1,
				label: {
					show: true,
				},
				emphasis: {
					itemStyle: {
						shadowBlur: 10,
						shadowColor: "rgba(0, 0, 0, 0.5)",
					},
				},
			},
		],
	});

	// myChart6.setOption({
	// 	title: {
	// 		text: "",
	// 	},
	// 	tooltip: {
	// 		trigger: "axis",
	// 	},
	// 	// legend: {
	// 	// 	data: ["室外", "室内"],
	// 	// },
	// 	grid: {
	// 		left: "3%",
	// 		right: "4%",
	// 		bottom: "1%",
	// 		containLabel: true,
	// 	},

	// 	xAxis: {
	// 		type: "category",
	// 		boundaryGap: false,
	// 		data: [
	// 			"00:00",
	// 			"02:00",
	// 			"04:00",
	// 			"06:00",
	// 			"08:00",
	// 			"10:00",
	// 			"12:00",
	// 			"14:00",
	// 			"16:00",
	// 			"18:00",
	// 			"20:00",
	// 			"22:00",
	// 			"24:00",
	// 		],
	// 		min: 1,
	// 	},
	// 	yAxis: {
	// 		type: "value",
	// 	},
	// 	series: [
	// 		{
	// 			name: "室内",
	// 			type: "line",
	// 			stack: "Total",
	// 			lineStyle: { color: "#479bd0" },
	// 			itemStyle: { color: "#479bd0" },
	// 			data: [12, 13, 10, 13, 20, 23, 21, 22, 20, 19, 12, 35, 45],
	// 		},
	// 		{
	// 			name: "室外",
	// 			type: "line",
	// 			stack: "Total",

	// 			lineStyle: { color: "#f3f3f3" },
	// 			itemStyle: { color: "#f3f3f3" },
	// 			data: [22, 18, 19, 23, 29, 33, 31, 56, 65, 27, 18, 19, 34],
	// 		},
	// 	],
	// });
	const hours2 = ["大堂", "走道", "商场", "办公", "会议室"];
	const days2 = [
		"B2",
		"B1",
		"F1",
		"F2",
		"F3",
		"F4",
		"F5",
		"F6",
		"F7",
		"F8",
		"F9",
		"F10",
		"F11",
		"F12",
	];
	const data2 = [
		[0, 0, 51],
		[0, 1, 11],
		[2, 2, 22],
		[4, 3, 31],
		[5, 4, 1],
		[0, 5, 0],
		[0, 6, 0],
		[0, 7, 0],
		[2, 1, 1],
		[0, 9, 0],
		[0, 10, 0],
		[0, 11, 2],
		[0, 12, 4],
		[0, 13, 2],
		[0, 14, 1],
		[0, 15, 3],
		[0, 16, 4],
		[5, 4, 1],
		[0, 5, 0],
		[0, 6, 0],
		[0, 7, 0],
		[2, 1, 1],
		[0, 22, 2],
		[0, 23, 5],
		[0, 9, 0],
		[0, 10, 0],
		[0, 11, 2],
		[0, 12, 4],
		[0, 13, 2],
		[1, 5, 0],
		[1, 6, 0],
		[1, 7, 0],
		[1, 8, 0],
		[1, 9, 0],
		[1, 10, 5],
		[1, 11, 2],
		[1, 12, 2],
		[1, 13, 6],
		[1, 14, 9],
		[1, 15, 11],
		[1, 16, 6],
		[1, 17, 7],
		[1, 18, 8],
		[1, 19, 12],
		[1, 20, 5],
		[1, 21, 1],
		[1, 22, 7],
		[1, 23, 2],
		[1, 11, 2],
		[1, 12, 2],
		[1, 13, 6],
		[1, 14, 9],
		[1, 15, 11],
		[2, 5, 0],
		[2, 6, 0],
		[2, 7, 0],
		[2, 8, 0],
		[2, 9, 0],
		[2, 17, 5],
		[2, 18, 5],
		[2, 19, 5],
		[2, 20, 7],
		[2, 21, 4],
		[2, 15, 10],
		[2, 16, 6],
		[5, 17, 0],
		[4, 18, 0],
		[5, 19, 0],
		[6, 20, 1],
		[6, 21, 2],
		[6, 22, 2],
		[6, 23, 6],
		[3, 0, 7],
		[3, 1, 3],
		[3, 2, 0],
		[3, 3, 0],
		[3, 4, 0],
		[3, 5, 0],
		[3, 6, 0],
		[3, 7, 0],
		[3, 8, 1],
		[3, 1, 3],
		[3, 2, 0],
		[3, 3, 0],
		[3, 4, 0],
		[3, 5, 0],
		[3, 14, 13],
		[3, 15, 12],
		[3, 16, 9],
		[3, 17, 5],
		[3, 18, 5],
		[3, 19, 10],
		[3, 20, 6],
		[3, 21, 4],
		[3, 22, 4],
		[3, 23, 1],
		[4, 0, 1],
		[4, 1, 3],
		[4, 2, 0],
		[3, 18, 5],
		[3, 19, 10],
		[3, 20, 6],
		[3, 21, 4],
		[3, 22, 4],
		[4, 8, 0],
		[4, 9, 2],
		[4, 10, 4],
		[4, 11, 4],
		[4, 12, 2],
		[4, 13, 4],
		[4, 14, 4],
		[4, 15, 14],
		[4, 16, 12],
		[4, 17, 1],
		[4, 18, 8],
		[4, 19, 5],
		[4, 20, 3],
		[4, 21, 7],
		[4, 22, 3],
		[4, 23, 0],
		[5, 0, 2],
		[5, 1, 1],
		[5, 2, 0],
		[5, 3, 3],
		[5, 4, 0],
		[5, 5, 0],
		[5, 6, 0],
		[5, 7, 0],
		[5, 8, 2],
		[5, 9, 0],
		[5, 10, 4],
		[5, 11, 1],
		[5, 12, 5],
		[5, 13, 10],
		[5, 14, 5],
		[5, 15, 7],
		[5, 16, 11],
		[5, 17, 6],
		[5, 18, 0],
		[5, 19, 5],
		[5, 20, 3],
		[5, 21, 4],
		[5, 22, 2],
		[5, 23, 0],
		[6, 0, 1],
		[6, 1, 0],
		[6, 2, 0],
		[6, 3, 0],
		[6, 4, 0],
		[6, 5, 0],
		[6, 6, 0],
		[6, 7, 0],
		[6, 8, 0],
		[6, 9, 0],
		[6, 10, 1],
		[6, 11, 0],
		[6, 12, 2],
		[6, 13, 1],
		[2, 14, 3],
		[6, 15, 4],
		[1, 16, 0],
		[5, 17, 0],
		[4, 18, 0],
		[5, 19, 0],
		[6, 20, 1],
		[6, 21, 2],
		[6, 22, 2],
		[6, 23, 6],
	].map(function (item) {
		return [item[1], item[0], item[2] || "-"];
	});
	myChart8.setOption({
		tooltip: {
			position: "top",
		},
		grid: {
			height: "50%",
			top: "10%",
		},
		xAxis: {
			type: "category",
			data: hours2,
			splitArea: {
				show: true,
			},
		},
		yAxis: {
			type: "category",
			data: days2,
			splitArea: {
				show: true,
			},
		},
		visualMap: {
			min: 0,
			max: 10,
			calculable: true,
			left: "right",
			bottom: "55%",
			inRange: {
				color: ['#faf70e', "#b3f85a","#f7bf0f","#ff9b01"]// 修改热力图的颜色 淡蓝色=>深蓝色的过度
			}
		},
		series: [
			{
				name: "Punch Card",
				type: "heatmap",
				data: data2,
				label: {
					show: true,
				},
				emphasis: {
					itemStyle: {
						shadowBlur: 10,
						shadowColor: "rgba(0, 0, 0, 0.5)",
					},
				},
			},
		],
	});
	myChart9.setOption({
		tooltip: {
			position: "top",
		},
		grid: {
			height: "50%",
			top: "10%",
		},
		xAxis: {
			type: "category",
			data: hours1,
			splitArea: {
				show: true,
			},
		},
		yAxis: {
			type: "category",
			data: days1,
			splitArea: {
				show: true,
			},
		},
		visualMap: {
			min: 0,
			max: 10,
			calculable: true,

			left: "right",
			bottom: "55%",
			inRange: {
				color: ['#faf70e', "#b3f85a","#f7bf0f","#ff9b01"]// 修改热力图的颜色 淡蓝色=>深蓝色的过度
			}
		},
		series: [
			{
				name: "Punch Card",
				type: "heatmap",
				data: data1,
				label: {
					show: true,
				},
				emphasis: {
					itemStyle: {
						shadowBlur: 10,
						shadowColor: "rgba(0, 0, 0, 0.5)",
					},
				},
			},
		],
	});
}
